<template>
<div class="banner">
            <van-icon  class="item left" name="wap-home-o" size="26" style="color:#4F4F4F;" />
            <div class="middle">
                
            </div>
            <div class="item right">
                <van-icon name="search" size="26" style="margin-right: 10px;color:#4F4F4F;" />
                <van-icon name="shopping-cart-o" size="26" style="color:#4F4F4F;" />
            </div>
        </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="less">
.banner {
        width: 375px;
        height: 44px;
        display: flex;
        background: #fafafa;
        justify-content: space-between;
        align-items: center;

        .middle {
            padding-left: 20px;
            height: 25px;
            line-height: 27px;
            font-weight: 550;

        }

        .left {
            padding-left: 10px;
        }

        .right {
            padding-right: 10px;
        }
    }
</style>